@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0;}
*:focus{outline:none;}
body,input,textarea{font-family:"微软雅黑", "宋体", "新宋体", "幼圆", Arial;-webkit-appearance : none ;}
body{background: center center; font-size:20px; color:#666;}/* -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; -khtml-user-select:none; user-select:none;*/
a,a:link,a:active,a:visited{color:#333; text-decoration:none;}
a:hover{color:#d71b1e; text-decoration:none;}
[tsPage="ih"] a:hover,[tsPage="ih"] .nav li a:hover{color:#0369d1; text-decoration:none;}
a:focus{-moz-outline-style:none;}
ul{list-style:none; overflow: hidden;}
ul:after,.box:after{content:''; display: block; width:0; height:0; font-size:0; clear: both;}
i,em{font-style:normal;}
img{border:none;}

@font-face {
    font-family: 'iconfont';  /* Project id 4017444 */
    src: url('//at.alicdn.com/t/c/font_4017444_ki1f8ept859.woff2?t=1682682831000') format('woff2'),
    url('//at.alicdn.com/t/c/font_4017444_ki1f8ept859.woff?t=1682682831000') format('woff'),
    url('//at.alicdn.com/t/c/font_4017444_ki1f8ept859.ttf?t=1682682831000') format('truetype');
}

.ift{font-family:'iconfont'; display: inline-block}
.anmt10{transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease}
.anmt5,.fxpst{transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease}
.anmt3,.head,img.pic,.pic img,.ssuns .sun,.boxSSCase .swiper-slide,.listContacts li,.listCase li,.boxAlt,.head .nav li ul{transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease}
.anmt2{transition:all 0.2s ease; -moz-transition:all 0.2s ease; -webkit-transition:all 0.2s ease}
.boximg{max-width:100%!important; height:auto!important; display: block; margin:0 auto;}
.boximgs img{max-width:100%;}
.oohid{opacity:0;visibility: hidden}
.bkf3f{background-color:#f3f8ff}
.pic{overflow: hidden; display: block}
.pic img{object-fit: cover; width:100%; height:100%; display: block}
.pic:hover img,img.pic:hover,li:hover .pic img{transform: scale(1.05)}
a.bnsa,.bnsa,a.bnsc,a.bnsd{display: inline-block; padding:.7em 1.5em; font-size:16px; border-radius:.3em; margin:0 1em; border:none; cursor:pointer}
a.bnsa:hover,.bnsa:hover,a.bnsc:hover{opacity:.7;}
a.bnsa,.bnsa{background-color:#0369d1; color:#fff}
a.bnsc{background-color:#fff; color:#0369d1}
a.bnsd{background-color:#fff; color:#0369d1}
.bkf5{background-color:#f5f5f5}

.font2h,.font3h,.boxSSCase .swiper-slide a b{text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box!important; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:pre-wrap}
.font3h{-webkit-line-clamp:3}
.fontovdd,.boxnews .li h3 a,.listCase li .t,.listNews li a.t,.boxLCD .t{display:block; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap}
.nbk{background: none!important}
.boxflex{display:-webkit-flex; display: flex; flex-wrap:wrap}
.boxflex li{-webkit-flex:1; flex:1; float: left; white-space:nowrap}
.box,.boxL{width:100%; max-width:1200px; padding:0 20px; margin:0 auto}
.boxL{max-width:1400px}
.main{background-color: #fff; padding:15px; overflow: hidden}

/*body,.head{min-width:1240px;}*/

/* Swiper */
.swiper-container{margin:0 auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0); transform:translate3d(0px,0,0px)}
.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y; touch-action:pan-y}
.swiper-wrapper{position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-transition-property:-webkit-transform; transition-property:transform; -o-transition-property:transform; transition-property:transform; transition-property:transform,transform; -webkit-box-sizing:content-box; box-sizing:content-box}
.swiper-pagination{position:absolute; text-align:center; -webkit-transition:.3s opacity; -o-transition:.3s opacity; transition:.3s opacity; -webkit-transform:translate3d(0,0,0); transform:translate3d(0px,0px,0px); z-index:10}
.swiper-pagination{bottom:10px; width:auto; right:10px; text-align:right}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:.3em}
.swiper-pagination-bullet{width:8px; height:8px; display:inline-block; border-radius:100%; background:#000; opacity:0.2}
.swiper-pagination-bullet-active{opacity:1; background:#007aff}
.swiper-pagination-bullet{background-color:transparent; border:1px solid transparent; padding:4px; margin:0 10px; opacity:1; width:auto; height:auto}
.swiper-pagination-bullet-active{background-color:transparent; border-color:#fff; opacity:1}
.swiper-pagination-bullet::after{content:""; display:block; background-color:#fff; width:10px; height:10px; border-radius:50%}
.swiper-pagination-bullet-active::after{background-color:#ffe84b}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}
.swiper-slide{-webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; width:100%; height:100%; position:relative; -webkit-transition-property:-webkit-transform; transition-property:transform; -o-transition-property:transform; transition-property:transform; transition-property:transform,transform}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:0; right:auto}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:0.2; cursor:auto; pointer-events:none}
.swiper-button-next,.swiper-button-prev{position:absolute; top:50%; width:27px; height:44px; z-index:1; cursor:pointer; background-size:27px 44px; background-position:center; background-repeat:no-repeat}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:0px; left:auto}
.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient: vertical;-webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
.ssuns{position: relative; overflow: hidden; padding:0 4em}
.ssuns .sun{width: auto; height: auto; margin:0; transform:translate(0,-50%); padding:0; color:#666}
.ssuns .sun:after{font-family:iconfont;content:'\e637';transform: rotate(180deg); font-size:2em; width:1em; height:1em; display:block}
.ssuns .sun:hover{color:#0369d1}
.ssuns .swiper-button-next:after{transform: rotate(0deg)}
.ssuns .swiper-button-next:hover{right:-.3em}
.ssuns .swiper-button-prev:hover{left:-.3em}

/* head */
.head{background-color:#fff; box-shadow: rgba(0,0,0,.1) 0 0 10px; padding:1.3em 0}
.head .logo{float:left; background: url("/images/logo.png") no-repeat center center / cover;  width:9.6em; height:1.7em; overflow: hidden; text-indent:-999px}
.head .nav{float:right; padding-top:.2em; overflow: visible}
.head .nav>li{float: left; margin-right:1em; padding-bottom:.5em;}
.head .nav li a{font-size:.9em; color:#333}
.head .nav li.on a,.head .nav li a:hover{font-weight: bold; color:#d71b1e}
[tsPage="ih"] .head .nav li a:hover{color:#0369d1}
[tsPage="ih"] .head.bw .nav>li>a:hover{color:#fff}
.head.fx{position:fixed; left:0; top:0; right:0; z-index:6; color:#fff}
.head.bw{background-color: transparent; box-shadow:none}
.head.bw .nav>li>a{color:#fff}
.head.bw .logo{background-image: url("/images/logo_w.png")}

.head .nav li{position: relative;}
.head .nav li ul{opacity:0; visibility:hidden; font-size:.8em; min-width:140px; background-color:rgba(255,255,255,.9); text-align: center; position: absolute; top:100%; left:50%; transform: translate(-50%,0); padding:0; z-index:9; border-radius:5px; box-shadow: rgba(0,0,0,.3) 0 0 1em; overflow: visible;}
.head .nav li ul:after{content:''; position: absolute; top:-7px; left:50%; transform: translateX(-50%); border:7px solid transparent; border-top:none; border-bottom-color:#fff;}
.head .nav li ul li{line-height:2.5em; border-bottom:1px solid rgba(0,0,0,.1); float: none; margin:0 .5em;}
.head .nav li ul li:last-of-type{border-bottom: none;}
.head .nav li ul li a{display: block}
.head .nav li:hover ul{opacity:1; visibility:visible; padding:.5em 0;}


.boxLK{background-color:#0369d1; height:90px}
.bkF3F{background-color:#f3f8ff; padding-bottom:4em}

/* 轮播图 */
.sbanner{position: relative;}
.sbanner .swiper-slide{height:660px; background: no-repeat center center / cover;  position: relative}
.sbanner .swiper-slide img{display: block; width:100%; max-width:100%}
.sbanner .swiper-slide a{position: absolute; top:0; right:0; bottom:0; left:0; z-index: 2; background: no-repeat center center / cover;}
.sbanner .swiper-pagination{left:0; right:0; text-align: center; width:100%; bottom:20px}
.sbanner .swiper-pagination-bullet{background-color:transparent; border:1px solid #fff; padding:0; margin:0 10px; opacity:1; width:40px; height: 6px; border-radius:0}
.sbanner .swiper-pagination-bullet:after{display: none}
.sbanner .swiper-pagination-bullet-active{background-color:#fff; border-color:#fff; opacity: 1}
.sbanner.sn .swiper-pagination{bottom:15px}

/* body */
.title{text-align: center; padding:3em 0 2.5em;}
.title b{font-size:2em; display: block; color:#0369d1; line-height:1em}
.title p{margin-top:.5em}
a.more{display:inline-block; border:1px solid #666; border-radius:5px; padding:.3em 1em; font-size:.9em}
a.more:hover{background-color:#0369d1; color:#fff; border-color:#0369d1;}
.boxH_abt{display: flex; justify-content: space-between; padding-bottom:3em}
.boxH_abt img.pic{cursor:pointer}
.boxH_abt div.info{line-height:1.8em; max-width: 470px; padding-bottom:4em; position: relative;}
.boxH_abt div.info>div{font-size:1.1em;}
.boxH_abt div.info .more{position: absolute; left:0; bottom:0;}

.boxSSPRO a.pic{margin-bottom:1em}
.boxSSPRO a.t{font-size:1.5em; font-weight: bold; margin-bottom:.5em; display: block}
.boxSSPRO p{font-size:1.1em; line-height:1.7em; margin-bottom:2em; height:10em}
.boxSSPRO a.more{margin-left:1px;}

.selns{text-align: center; position: relative; border-bottom:2px solid #ccc; margin-bottom:1em}
.selns a{display: inline-block; padding:.6em; margin:0 .5em}
.selns a:hover,.selns a.on{color:#0369d1}
.selns a.more2{position:absolute; top:50%; right:0; transform: translate(0,-50%); color:#0369d1; margin:0; padding-right:0}
.selns a.more2:after{content:'>>'; display: inline-block}
.selnsn .n{display: none;}
.selnsn .n.on{display: block}
.boxnews{padding-bottom:3em}
.boxnews .pic{float: left; width:47%; height:18.7em}
.boxnews .li{margin-left:50%}
.boxnews .n h3{font-size:1.1em; font-weight: normal;line-height:2.7em}
.boxnews .n h3 a{color:#333}
.boxnews .n h3 a:hover{color:#0369d1}
.boxnews .n h3 a:before{content:'·';display: inline-block; font-size:1.3em; margin-right:.2em}
.boxnews .n2{width:50%; float: left; box-sizing: border-box; padding-top:1em}
.boxnews .n2:nth-child(3){padding-right:3%; clear: left}
.boxnews .n2:nth-child(4){padding-left:1%}
.boxnews .n2 h3 a:before{display: none}
.boxnews .n2 h3{border-bottom:2px solid #ccc; margin-bottom:.5em}
.boxnews .n2 p{font-size:.9em; text-align: justify; line-height:1.6em}

.boxSSCase .swiper-wrapper{padding-bottom:.5em}
.boxSSCase .swiper-slide img{height:210px}
.boxSSCase .swiper-slide:hover{background-color:#fff; box-shadow: rgba(0,0,0,.2) 0 0 .5em}
.boxSSCase b{padding:.5em; font-size:1.2em; display: block; text-align: center; height:2.5em; line-height:1.4em;}

.nbanner{background:no-repeat center center ; height:475px;}
.nMain{min-height:700px; background: url("/images/bk_nMain.png") repeat-x center bottom; padding-bottom:160px;}
.nLeft{float: left; width:260px}
.nRight{margin-left:300px}
.nLeft dl{display: block;}
.nLeft dt{background-color:#d71b1e; color:#fff; font-size:2.1em; font-weight: bold; padding:1em 0}
.nLeft dt,.nLeft dd{padding-left:40px}
.nLeft dd{background-color:#f5f5f5; border-bottom:1px solid #e4e4e4;}
.nLeft dd a{position: relative; padding:.6em 0 .6em 1.4em; display: block; font-size:1.3em}
.nLeft dd a:hover{color: #d71b1e}
.nLeft dd a:after,.nLeft dd a:before{content:''; position:absolute; top:50%; left:0; transform: translateY(-50%); border-radius:50%; width:6px; height:6px; }
.nLeft dd a:before{border:2px solid #999; padding:3px;}
.nLeft dd.on a{color:#d71b1e; font-weight: bold;}
.nLeft dd.on a:after{background-color: #d71b1e; left:5px}
.nLeft dd.on a:before,.nLeft dd a:hover:before{border-color:#d71b1e}
.boxLCD{line-height:2em; border-bottom:1px solid #ccc; padding:.5em 1em; color:#333; font-size:1.1em;}
.boxLCD>*{display: inline-block!important; vertical-align: middle;}
.boxLCD:before{content:'\e601'; color:#999; font-family: iconfont; display: inline-block; font-size:1.4em; margin-right:.5em; vertical-align: middle}
.boxLCD i{display: inline-block; margin:0 .7em; color:#999; font-family: iconfont}
.boxLCD .t{max-width:10em;}

.boxCNT{padding:1em .5em;}
.boxCNT h1{font-size:2.2em; color:#333; margin:.5em 0}
.boxCNT p{text-indent:2em; padding-bottom:.5em; line-height:1.8em;}
.boxCNT img{max-width:100%}

.boxContacts{padding:1em 1.5em;}
.boxContacts b{font-size:1.7em; color:#d71b1e; display: block; line-height:2em}
.boxContacts p{color:#333; line-height:1.8em}

.listContacts{overflow: visible; padding:1em 0 0}
.listContacts li{float: left; width:48%; box-shadow: rgba(0,0,0,.2) 0 0 .5em; margin-bottom:1em; padding:1.5em 2em; box-sizing: border-box;}
.listContacts li:hover{box-shadow: rgba(0,0,0,.2) 0 .5em 1em;}
.listContacts li:nth-child(2n){margin-left:4%}
.listContacts li b{font-weight: normal; font-size:1.3em; min-height:2.7em; display: block; margin-bottom:.5em; position:relative; padding-left:2em;}
.listContacts li b:before,.listContacts li p:before{font-family: iconfont; transform: scale(1.5); position: absolute; left:0; top:0;}
.listContacts li b:before{content:'\e67c'; }
.listContacts li p{position: relative; font-size:.9em; padding-left:3em}
.listContacts li p:before{content:'\e953'; font-size:1.4em}
.boxCNT iframe.map{border: none; width: 100%; height: 590px;}

.boxAlt{position: fixed; top:0; right:0; bottom:0; left:0; z-index:9; background-color:rgba(0,0,0,.6); visibility:hidden; opacity:0}
.boxAlt.on{visibility: visible; opacity: 1}
.boxAlt .box{width:90%; height:90%; max-width:760px; max-height:420px; padding:0; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); box-shadow: rgba(0,0,0,.3) 0 0 1em;}
.boxAlt .box .boxIframeVideo{border:none; width:100%; height:100%; background-color:#000}
.boxAlt.video .box:before{content:''; position: absolute; top:0; right:0; bottom:0; left:0; z-index:1; width:100%; height:100%; display: none}
.boxAlt .box .close{background-color:rgba(255,255,255,.3); border-radius:50%; cursor: pointer; position: absolute; z-index:2; top:.5em; right:.5em; width: 1.2em; height: 1.2em; text-align: center; line-height: 1.2em; color: #fff;}

.listSa{padding:1em 0}
.listSa li{padding:.3em 0}
.listSa li b{font-weight: normal}
.listSa li img{display: none;}
.listSa li div.t{display: flex; justify-content:space-between; line-height:1.8em; padding:0 .5em}
.listSa li.show div.t a{color:#fff;}
.listSa li.show div.t{background-color:#989898; color:#fff}
.listSa li.show img{display: block; width:100%;}
.listSa li div.pic{width:100%;}
.listSa li.show div.pic{border-bottom:1px solid #ccc; padding:0 0 .5em}

.listHR,.listCase{display: flex; justify-content:space-between; flex-wrap: wrap; overflow: visible; margin-top:1em}
.listHR li{width:32%; margin-bottom:2em}
.listHR:after{display: none;}
.listHR li,.listCase li:hover{box-shadow: rgba(0,0,0,.4) 0 0 .5em;}
.listHR li div{padding:1em 1em 2em;}
/*.listHR li{width:424px; margin-bottom:2em}*/
/*.listHR li div{padding:1em 1.5em 2em;}*/
.listHR li div span{display: block; font-size:.9em; padding-top:.5em}
.boxLH1{text-align: center; color:#333; font-size:1.8em; font-weight: bold; padding:.7em 0}

.listCase li{width:30%; margin-bottom:2em}
.listCase:after{width:30%}
.listCase li a.t{text-align: center; padding:.5em; font-size:.8em}
.listCase li a.pic{height:210px;}

.listNews{padding-top:2em;}
.listNews li{display: flex; justify-content: space-between; position: relative; border-bottom:1px solid #ccc; padding-bottom:2em; margin-bottom:2em}
.listNews li .pic{min-width:300px; max-width:300px; height:220px; float: left}
.listNews li div{width:calc(100% - 330px)}
.listNews li a.t{font-size:1.3em; margin-bottom:.5em; font-weight: bold}
.listNews li p{font-size:.8em; color:#333; margin-bottom:2em; height:6.8em}
.listNews li span{display: block;}
.listNews li .right{float:right; background-color:#d71b1e; margin-right:1em; color:#fff; border-radius:50%; padding:.3em}
.listNews li .right:hover{opacity:.7;}
.listNews li .right:after{content:'\e650'; font-family: iconfont; display: block;}

.boxTit{padding:2em 0; text-align: center;}
.boxTit h1,.boxTit h2{font-size:1.8em; max-width:80%; display: block; margin:0 auto; color:#000; padding-bottom:.3em}
.boxTit h2{font-size:1.5em; padding-bottom:.5em}
.boxTit span{font-size:1.1em; color:#666;}

.fy{text-align: center; padding:30px 0 20px; font-size:14px}
.fy li{display: inline-block; background-color:#fff; border-radius:5px; margin:0 3px}
.fy li a,.fy li span{padding:5px 12px; display:inline-block}
.fy li:hover{background-color:#fff}
.fy li.thisclass{background-color:#d71b1e}
.fy li.thisclass a,.fy li.thisclass span{color:#fff}
.fy .pageinfo{display: none}
.fy li:last-of-type{display: none;}
.boxPageUN{font-size:1.1em; line-height:2em; padding:1em; border-top:1px solid #ccc; margin-top:2em;}
.boxPageUN a:hover{font-weight: bold;}

.footer{background-color:#030f27; color:#fff; padding:3.5em 0 2em}
.footer .cp{clear:both; padding:5em 0 1em; text-align: center; font-size:.7em; color:#fff}
.footer .cp a{color:#fff}
.footer .cp a:hover{color:#ccc}
.footer dl{float: left; width:26%;}
.footer dt{padding-bottom:.5em}
.footer dd {padding:.3em 0}
.footer dd a{color:#999; font-size:.9em}
.footer dd a:hover{color:#fff}
.footer .cnt{float: right}
.footer .cnt span{display: block;}
.footer .cnt img{margin:.5em 0}

@media screen and (max-width:1440px) {
    .box,.boxL{box-sizing: border-box;}
}